<template>
    <nav id="bottom-tab-menu">
        <div class="menu-item">
            <a v-bind:class="{'active':$route.path=='/'}" href="#/">
                <i class="iconfont"></i>
                <div class="name">首页</div>
            </a>
        </div>
        <div class="menu-item">
            <a v-bind:class="{'active':$route.path=='/search'}" href="#/search">
                <i class="iconfont"></i>
                <div class="name">搜索</div>
            </a>
        </div>
        <div class="menu-item">
            <a v-bind:class="{'active':$route.path=='/categories'}" href="#/categories">
                <i class="iconfont"></i>
                <div class="name">分类</div>
            </a>
        </div>
        <div class="menu-item cart">
            <a v-bind:class="{'active':$route.path=='/cart'}" href="#/cart">
                <i class="iconfont"><span class="cart-total" style=""></span></i>
                <div class="name">购物车</div>
            </a>
        </div>
        <div class="menu-item">
            <a v-bind:class="{'active':$route.path=='/account'}" href="#/account">
                <i class="iconfont"></i>
                <div class="name">我的</div>
            </a>
        </div>
    </nav>
</template>

<script>
    export default {

        data:function(){
            return {

            }
        },
        methods:{

        },

        created:function(){

        }

    }
</script>